@charset "utf-8";
/* CSS Document */
//header
.headion{
    width: 100%;
    height: auto;
    .head{
        width: 967px;
        height: auto;
    }
}
//logo
.logoog{
    width: 100%;
    .logoer{
        width: 967px;
        margin: 0 auto;
        h3{
            color: #484848;
            font-size:24px;
            font-weight:100;
            font-family:' microsoft yahei' ;
            padding: 27px 0px 40px 372px;
            background: url(../../img/5656.png) no-repeat 346px 15px;
        }
    }
} 
//登录
.change{
    width: 100%;
    height: auto;
    background: #e3e3e3;
    .changes{
        width: 967px;
        height: 485px;
        margin: 10px auto;
        position: relative;
        .left{
            width: 478px;
            height: 362px;
            position: absolute;
            left: 37px;
            top: 45px;
        }
        .right{
            width:361px ;
            height: 369px;
            border: 1px solid #cccccc;
            float: right;
            background: #fff;
            position: absolute;
            right:0px ;
            top: 44px;
            h4{
                font-size:18px;
                color: #333333;
                font-weight: 100;
                float: left;
                padding: 24px 0 0 30px;
            }
            lab{
                float: right;
                padding:20px 25px 10px 0;
                &:hover a{
                    text-decoration: underline;
                }
                a{
                    font-size: 12px;
                    color: #003399;
                }
            }
            form{
                position: relative;
                top: 8px;
                left: 30px;
                p{
                    padding:2px 0px 16px 40px;
                    input{
                        width:250px ;
                        height: 31px;
                        
                        border: 1px solid #cfcfcf;
                    }                  
                }
                .inp{
                    background: url(../../img/deng.png)no-repeat 10px 48px;
                }
                .pas{
                    background: url(../../img/lu.png) no-repeat 10px 1px;
                }
            }
            .label{
                label{
                    float: left;
                    padding: 0px 0 0 41px;;
                    &:hover a{
                        text-decoration: underline;
                    }
                    a{
                       font-size: 12px;
                        color: #003399;
                    }
                }
                lab{
                    float: right;
                    padding:0px 35px 10px 0;;
                    &:hover a{
                        text-decoration: underline;
                    }
                    a{
                        font-size: 12px;
                        color: #003399;
                    }
                }
            }
            #chan{
                display: block;
                width:280px ;
                height: 32px;
                background: #f7661f;
                font-size: 14px;
                text-align: center;
                line-height: 32px;
                margin: 42px auto 20px;
                color: #fff;
            }
            .ulss{
                p{
                    width: 310px;
                    height: auto;
                    margin: 0 auto;
                    font-size: 12px;
                    color: #666666;
                }
                ul{
                    li{
                        font-size:12px ;
                        color:#666;
                        float: left;
                        padding:14px 0px 10px 55px;
                    }
                    .one{
                        background: url(../../img/zhifubao.png)no-repeat 19px 6px;
                         }
                    .two{
                        background: url(../../img/qq.png)no-repeat 19px 6px;
                        }
                    .three{
                        background: url(../../img/weixin.png)no-repeat 19px 6px;
                        }
                    .four{
                        background: url(../../img/weibo.png)no-repeat 19px 6px;
                    }
                }
                ol{
                    li{
                        font-size:12px ;
                        color:#666;
                        float: left;
                        padding:10px 0px 10px 55px;
                    }
                    .one{
                        background: url(../../img/yellow.png)no-repeat 27px 6px;
                         }
                    .two{
                        background: url(../../img/red.png)no-repeat 27px 6px;
                        }
                    .three{
                        background: url(../../img/xunlei.png)no-repeat 27px 6px;
                        }
                    .four{
                        background: url(../../img/xiaofangzi.png)no-repeat 27px 6px;
                    }
                }
            }
        }
    }
}

//foot
#footese{
    width: 100%;
    height:auto;
    .footer{
        width: 967px;
        height: 300px;
        margin: 0 auto;
        .footes{
            width: 100%;
            height: 300px;
            text-align: center;
            position: relative;
            .IMG{
                position: absolute;
                left: 248px;
                top: 90px;
                img{
                    float: left;
                    margin: 0px 3px 0px 2px;
                }
            }
            ul{
                position: absolute;
                left: 323px;
                top: 158px;
                li{
                    float: left;
                    font-size: 12px;
                    color: #484848;
                    padding: 0 6px 0 6px;
                    cursor: pointer;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
            ol{
                position: absolute;
                left: 269px;
                top: 187px;

                li{
                    float: left;
                    font-size: 12px;
                    color: #484848;
                    padding: 0 6px 0 6px;
                    cursor: pointer;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
